import { Component, Vue } from 'vue-property-decorator'
import {Divider, Alert, Form} from 'ant-design-vue'
import { Button } from 'ant-design-vue';
import hljs from 'highlight.js'

import 'highlight.js/styles/ocean.css'

import styles from '../../views/Guide/guide.less'

@Component
export default class SystemLocalStore extends Vue {

    clickHand(){
        alert('点我')
    }
    protected mounted() {
        hljs.highlightBlock(this.$refs.asyncpage)
        hljs.highlightBlock(this.$refs.use)
        hljs.highlightBlock(this.$refs.routeconfig)
    }
    render() {

        return <div class={styles.example}>
            <div class={styles.section}>
                <div>
                    <Button type="primary"  onClick={this.clickHand}>点我</Button>
            </div>
            </div>
        </div>
    }
}
